<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Xiaomi MIX4参数</title>
    <link rel="icon" href="../../imgs/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../../css/common/header.css">
    <link rel="stylesheet" href="../../css/product/parameter.css">
    <link rel="stylesheet" href="../../css/iconfont/iconfont.css">
    <link rel="stylesheet" href="../../css/common/page_bottom.css">
</head>

<body style="margin: 0px">
    <div class="app">
        <div class="header">
            <div class="site-topbar">
                <div class="container">
                    <div class="topbar-nav">
                        <a href="#">小米商城</a>
                        <span class="sep">|</span>
                        <a href="#">MIUI</a>
                        <span class="sep">|</span>
                        <a href="#">loT</a>
                        <span class="sep">|</span>
                        <a href="#">云服务</a>
                        <span class="sep">|</span>
                        <a href="#">天星数科</a>
                        <span class="sep">|</span>
                        <a href="#">有品</a>
                        <span class="sep">|</span>
                        <a href="#">小爱开放平台</a>
                        <span class="sep">|</span>
                        <a href="#">企业团购</a>
                        <span class="sep">|</span>
                        <a href="#">资质证照</a>
                        <span class="sep">|</span>
                        <a href="#">协议规则</a>
                        <span class="sep">|</span>
                        <a href="#">下载app</a>
                        <span class="sep">|</span>
                        <a href="#">智能生活</a>
                        <span class="sep">|</span>
                        <a href="#">Select Location</a>
                        <span class="sep">|</span>
                    </div>
                    <div class="topbar-cart">
                        <a href="../../view/cart/add_cart.html"><em class="iconfont icon-gouwuchekong"> </em>购物车<span
                                class="cart-num">(0)</span></a>
                        <div class="cart-menu">
                            <div class="menu-content">
                                <div class="loading">
                                    <div class="loader"></div>
                                    <ul class="cart-list hide"></ul>
                                    <div class="cart-total hide"></div>
                                    <div class="msg-empty hide">购物车中还没有商品,赶紧选购吧!</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="topbar-info">
                        <a href="../login/login.html">登录</a>
                        <span class="sep">|</span>
                        <a href="../register/register.html">注册</a>
                        <span class="sep">|</span>
                        <span class="message">
                            <a href="#">消息通知</a>
                        </span>
                    </div>
                </div>
            </div>
            <!--  -->
            <div class="site-header">
                <div class="container">
                    <!-- logo -->
                    <div class="header-log">
                        <a href="#">
                            <img src="https://s02.mifile.cn/assets/static/image/logo-mi2.png">
                        </a>
                    </div>
                    <!-- 中间导航部分 -->
                    <div class="header-nav">
                        <ul class="nav-list">
                            <li class="nav-category"><a href="" class="link-category">全部商品分类</a>
                                <div class="site-category">
                                    <ul class="site-category-list">
                                        <li class="category-item"><a href="">手机<em class="iconfont">&#xe625;</em></a>
                                        </li>
                                        <li class="category-item"><a href="">电视<em class="iconfont">&#xe625;</em></a>
                                        </li>
                                        <li class="category-item"><a href="">笔记本 平板<em
                                                    class="iconfont">&#xe625;</em></a></li>
                                        <li class="category-item"><a href="">家电<em class="iconfont">&#xe625;</em></a>
                                        </li>
                                        <li class="category-item"><a href="">出行 穿戴<em class="iconfont">&#xe625;</em></a>
                                        </li>
                                        <li class="category-item"><a href="">智能 路由器<em
                                                    class="iconfont">&#xe625;</em></a></li>
                                        <li class="category-item"><a href="">电源 配件<em class="iconfont">&#xe625;</em></a>
                                        </li>
                                        <li class="category-item"><a href="">健康 儿童<em class="iconfont">&#xe625;</em></a>
                                        </li>
                                        <li class="category-item"><a href="">耳机 音箱<em class="iconfont">&#xe625;</em></a>
                                        </li>
                                        <li class="category-item"><a href="">生活 箱包<em class="iconfont">&#xe625;</em></a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="nav-item"><a href="">小米手机</a></li>
                            <li class="nav-item"><a href="">Redmi&nbsp;红米</a></li>
                            <li class="nav-item"><a href="">电视</a></li>
                            <li class="nav-item"><a href="">笔记本</a></li>
                            <li class="nav-item"><a href="">平板</a></a></li>
                            <li class="nav-item"><a href="">家电</a></li>
                            <li class="nav-item"><a href="">路由器</a></li>
                            <li class="nav-item"><a href="">智能硬件</a></li>
                            <li class="nav-item"><a href="">服务</a></li>
                            <li class="nav-item"><a href="">社区</a></li>
                        </ul>
                    </div>
                    <!-- 搜索区域 - 弹性盒子 -->
                    <div class="header-search">
                        <div class="search">
                            <div class="item1">
                                <input type="text" placeholder="小米11">
                            </div>
                            <div class="item2">
                                <input id="goToSearch" type="button" class="iconfont" style="font-size: 32px;" value="&#xeafe;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 定义头部end -->
        <!-- start 手机概述参数导航栏 -->
        <div class="cart_nav">
            <div class="cart_nav_container">
                <h2>Xiaomi MIX 4 </h2>
                <div class="left">
                    <span>|</span>
                    <a href="#">MIX FOLD 小米折叠屏手机</a>
                </div>
                <div class="right">
                    <a href="#">概述页</a>
                    <span>|</span>
                    <a href="../product/parameter.html">参数页</a>
                    <span>|</span>
                    <a href="#">F码通道</a>
                    <span>|</span>
                    <a href="#">咨询客服</a>
                    <span>|</span>
                    <a href="../comment/comment.html">用户评价</a>
                    <a href="../cart/add_cart.html" class="j_nav_buy">立即购买</a>
                </div>
            </div>
        </div>
        <div class="component-spec-content_mix4">
            <div class="container">
                <div class="section section-banner">
                    <img src="../../imgs/mix4_specs_logo.png" class="logo">
                    <div class="model">
                        <div class="model-item">
                            <img src="../../imgs/mix4_specs_m.png" class="m1">
                            <div class="tit">
                                <span>陶瓷黑</span>
                                <span>陶瓷白</span>
                                <span>影青灰</span>
                            </div>
                        </div>
                    </div>
                    <div class="desc">
                        CUP全面屏｜真彩原色 + 120Hz<br>
                        一体化轻量陶瓷机身<br>
                        高通骁龙888+<br>
                        WiFi 6 增强版 + LPDDR5 满血版 + UFS3.1<br>
                        石墨烯「冰封」散热系统<br>
                        4500mAh 超大电量<br>
                        常温 120W 秒充/50W 无线秒充<br>
                        1 亿像素电影相机<br>
                        120° 自由曲面超广角镜头<br>
                        50X 潜望式长焦<br>
                        UWB 一指连<br>
                        哈曼卡顿 立体声双扬声器<br>
                        康宁大猩猩玻璃 Victus<br>
                    </div>
                </div>
                <div class="section row section-size">
                    <div class="left span6">
                        <p>外观尺寸</p>
                    </div>
                    <div class="right span14">
                        <p>长度: 162.65mm</p>
                        <p>宽度: 75.35mm</p>
                        <p>厚度: 8.02mm</p>
                        <p>重量: 225g</p>
                        <p class="mt24"><span>*以上数据为小米实验室测试数据，依据行业内测量方式不同，实际结果可能略有差异。</span></p>
                        <img src="../../imgs/mix4_specs_size.png">
                    </div>
                </div>
                <div class="section row section-ram">
                    <div class="left span6">
                        <p>内存容量</p>
                    </div>
                    <div class="right span14">
                        <strong>12GB+512GB 最高可选</strong>
                        <p>运行内存：8GB / 12GB LPDDR5 高速内存（6400Mbps）</p>
                        <p>机身存储：128GB / 256GB / 512GB UFS 3.1 高速存储</p>
                        <p class="mt60">
                            <span>* 实际可用容量会由于诸多因素而减少并有所差异：由于操作系统运行占据了部分内存（RAM），实际可用空间小于标识内存容量；</span><br>
                            <span>由于安装操作系统和预装的程序占据了部分闪存（ROM），实际可用存储空间小于标识闪存容量。</span>
                        </p>
                    </div>
                </div>
                <div class="section row section-endurance">
                    <div class="left span6">
                        <p>续航与充电</p>
                    </div>
                    <div class="right span14">
                        <strong>等效4500mAh(typ)</strong>
                        <p>内置石墨烯基锂离子电池，不可拆卸</p>
                        <p>USB Type-C 双面充电接口</p>
                        <p>手机支持 QC4 / QC3+ / PD3.0 快充协议</p>
                        <p>常温 120W 有线秒充 / 50W 无线秒充/ 10W 无线反充</p>
                    </div>
                </div>

            </div>
            <div class="footer">
                <div class="container">
                    <p>说明: </p>
                    <p>*内存与容量方面，实际可用容量会由于诸多因素而减少并有所差异：由于操作系统运行占据了部分内存（RAM），实际可用空间小于标识内存容量；由于安装操作系统</p>
                    <p>和预装的程序占据部分闪存（ROM），实际可用存储空间小于标识闪存容量。</p>
                    <p>*充电方面，速度、时长等数据，均为我司实验室数据，实际情况会因测试软件版本、具体测试环境不同而略有差异。最终以实际使用时长为准。</p>
                    <p>*本网站提供的屏幕图和产品说明展示图， 均为参考示意图，实际情况以实物为准。</p>
                    <p>*产品图片以及型号、数据、功能、性能、规格参数、用户界面和其他产品信息等仅供参考，小米有可能对上述内容进行改进，具体信息请参照产品实物、产品说明书。除</p>
                    <p>非经特殊说明，本网站中所涉及的数据均为小米内部测试结果，涉及的对比均为与小米产品相比较。</p>
                    <p>*页面中所对比的一般手机，均为小米自有手机。产品站非特别指出，均为我司实验室数据、设计技术参数及供应商提供数据，全站数据实际情况会因测试软件版本、具</p>
                    <p>体测试环境、具体版本不同，而略有差异。全站所展示结构图片，均为功能示意图，并非绝对实际结构，最终以实物为准。</p>
                </div>
            </div>
        </div>
    </div>







    <!-- 底部公共部分 -->
    <div class="page-bottom">
        <ul class="address clear container">
            <li>
                <div>
                    <a href="">
                        <i class="iconfont">&#xe607;</i>
                        <span>预约维修服务</span>
                    </a>

                </div>
            </li>
            <li>
                <div>
                    <a href="">
                        <i class="iconfont">&#xe603;</i>
                        <span>七天无理由退货</span>
                    </a>

                </div>
            </li>
            <li>
                <div>
                    <a href="">
                        <i class="iconfont">&#xe60f;</i>
                        <span>15天免费换货</span>
                    </a>

                </div>
            </li>
            <li>
                <div>
                    <a href="">
                        <i class="iconfont">&#xe778;</i>
                        <span>满69包邮</span>
                    </a>

                </div>
            </li>
            <li>
                <div>
                    <a href="">
                        <i class="iconfont">&#xe608;</i>
                        <span>520余家售后网点</span>
                    </a>

                </div>
            </li>
        </ul>
        <div class="bottom-message clear container">
            <ul class="bottom-list">
                <li>
                    <dl>
                        <dd>帮助中心</dd>
                        <dt><a href="">账户管理</a></dt>
                        <dt><a href="">购物指南</a></dt>
                        <dt><a href="">订单操作</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dd>服务支持</dd>
                        <dt><a href="">售后政策</a></dt>
                        <dt><a href="">自动服务</a></dt>
                        <dt><a href="">相关下载</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dd>线下门店</dd>
                        <dt><a href="">小米之家</a></dt>
                        <dt><a href="">服务网点</a></dt>
                        <dt><a href="">授权体验店</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dd>关于小米</dd>
                        <dt><a href="">了解小米</a></dt>
                        <dt><a href="">加入小米</a></dt>
                        <dt><a href="">投资者关系</a></dt>
                        <dt><a href="">企业社会责任</a></dt>
                        <dt><a href="">廉洁举报</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dd>关注我们</dd>
                        <dt><a href="">新浪微博</a></dt>
                        <dt><a href="">官方微信</a></dt>
                        <dt><a href="">联系我们</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dd>特色服务</dd>
                        <dt><a href="">F码通道</a></dt>
                        <dt><a href="">礼物码</a></dt>
                        <dt><a href="">防伪查询</a></dt>
                    </dl>
                </li>
            </ul>
            <div class="contact">
                <h2>400-100-5678</h2>
                <p>8:00-18:00（仅收市话费）</p>
                <a href="">
                    <div class="customer">
                        <i class="iconfont">&#xe605;</i>
                        <span>人工客服</span>
                    </div>
                </a>
                <div class="wbwx">
                    <span>关注小米：</span>
                    <a href=""><i class="iconfont">&#xe613;</i></a>
                    <a href=""><i class="iconfont">&#xe604;</i></a>
                </div>
            </div>
        </div>
    </div>


    <script>
        // 先给搜索添加一个静态的跳转(后期这里要维护)
        let goToSearch = document.getElementById("goToSearch");
            goToSearch.onclick = function(){
            window.location.href = "../product/search.html";
        }
    </script>
</body>

</html>